.loading-17 {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  animation: load4 1.3s infinite linear;
  transform: scale(0.3);
}

@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em var(--color), 2em -2em 0 0em var(--color),
      3em 0em 0 -0.5em var(--color), 2em 2em 0 -0.5em var(--color),
      0em 3em 0 -0.5em var(--color), -2em 2em 0 -0.5em var(--color),
      -3em 0em 0 -0.5em var(--color), -2em -2em 0 0em var(--color);
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em var(--color), 2em -2em 0 0.2em var(--color),
      3em 0em 0 0em var(--color), 2em 2em 0 -0.5em var(--color),
      0em 3em 0 -0.5em var(--color), -2em 2em 0 -0.5em var(--color),
      -3em 0em 0 -0.5em var(--color), -2em -2em 0 -0.5em var(--color);
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em var(--color), 2em -2em 0 0em var(--color),
      3em 0em 0 0.2em var(--color), 2em 2em 0 0em var(--color),
      0em 3em 0 -0.5em var(--color), -2em 2em 0 -0.5em var(--color),
      -3em 0em 0 -0.5em var(--color), -2em -2em 0 -0.5em var(--color);
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em var(--color), 2em -2em 0 -0.5em var(--color),
      3em 0em 0 0em var(--color), 2em 2em 0 0.2em var(--color),
      0em 3em 0 0em var(--color), -2em 2em 0 -0.5em var(--color),
      -3em 0em 0 -0.5em var(--color), -2em -2em 0 -0.5em var(--color);
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em var(--color), 2em -2em 0 -0.5em var(--color),
      3em 0em 0 -0.5em var(--color), 2em 2em 0 0em var(--color),
      0em 3em 0 0.2em var(--color), -2em 2em 0 0em var(--color),
      -3em 0em 0 -0.5em var(--color), -2em -2em 0 -0.5em var(--color);
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em var(--color), 2em -2em 0 -0.5em var(--color),
      3em 0em 0 -0.5em var(--color), 2em 2em 0 -0.5em var(--color),
      0em 3em 0 0em var(--color), -2em 2em 0 0.2em var(--color),
      -3em 0em 0 0em var(--color), -2em -2em 0 -0.5em var(--color);
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em var(--color), 2em -2em 0 -0.5em var(--color),
      3em 0em 0 -0.5em var(--color), 2em 2em 0 -0.5em var(--color),
      0em 3em 0 -0.5em var(--color), -2em 2em 0 0em var(--color),
      -3em 0em 0 0.2em var(--color), -2em -2em 0 0em var(--color);
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em var(--color), 2em -2em 0 -0.5em var(--color),
      3em 0em 0 -0.5em var(--color), 2em 2em 0 -0.5em var(--color),
      0em 3em 0 -0.5em var(--color), -2em 2em 0 0em var(--color),
      -3em 0em 0 0em var(--color), -2em -2em 0 0.2em var(--color);
  }
}
